---
title: "Accessibility Checker Rule Help: WCAG20_Fieldset_HasLegend"
---
import "../../../styles/ToolHelp.scss"
import { CodeSnippet, Tag } from "carbon-components-react";

<div className="toolHelp">
<Row>
<Column colLg={16} colMd={8} colSm={4} className="toolHead">

### `<fieldset>` does not have a non-empty, unique `<legend>`

<div id="locLevel"></div>

`<fieldset>` elements must have a single, non-empty `<legend>` as a label

</Column>
</Row>
<Row>
<Column colLg={11} colMd={5} colSm={4} className="toolMain">

### Why is this important?

The `<legend>` of a `<fieldset>` element provides a label or instruction for the group of controls within the `<fieldset>`. This label helps users to recognize that the controls are related. Controls grouping is most important for related radio buttons and checkboxes, but can also be useful for other sets of controls that are not as tightly related.

<div id="locSnippet"></div>

### What to do

 * Place a single `<legend>` as the first element in the `<fieldset>` group. The legend must contain a brief description of the related fields enclosed by the `<fieldset>`.
For example:

<CodeSnippet type="multi" light={true}>&lt;fieldset&gt;
       &lt;legend&gt;Skill Level&lt;/legend&gt;
       &lt;input type="radio" name="skillLevel" value="high" id="highLev"&gt;
       &lt;label for="highLev"&gt;High&lt;/label&gt;&lt;br&gt;
       &lt;input type="radio" name="skillLevel" value="novice" id="noviceLev"&gt;
       &lt;label for="noviceLev"&gt;Novice&lt;/label&gt;
&lt;/fieldset&gt;</CodeSnippet>

</Column>
<Column colLg={5} colMd={3} colSm={4} className="toolLeft">

### About this requirement

[IBM 1.3.1 Info and Relationships](https://www.ibm.com/able/requirements/requirements/#1_3_1)
[WCAG 2.1 technique H71](https://www.w3.org/WAI/WCAG21/Techniques/html/H71)

### Who does this affect?

* Blind people using screen readers
* People with dexterity impairment using voice control

</Column>
</Row>
</div>

export default ({ children, _frontmatter }) => (<React.Fragment>{children}</React.Fragment>)
